<template>
	<view class="">
		<view class="padding-30">
			<view class="bg-fff padding-30 border-radius20">
				<view class="flex-between f-divider1 padding-bottom30 margin-bottom30"
				v-for="(item,index) in list" :key="index" @click="goToUrl(item.path)">
					<view class="flex-alignItems-center">
						<image class="img-17" :src='item.image' mode=""></image>
						<view class="fontSize-15 color-000 margin-left20">{{item.name}}</view>
					</view>
					<u-icon v-if="item.name == '密码修改'" name="arrow-right" color="#666666" size="20"></u-icon>
				</view>
			</view>
			<view class="btn-500BA062-15ffffff flex-center flex1 margin-top150">
				退出账户
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{name:'当前版本',image:'../../../static/images/21.png',path:''},
					{name:'清楚缓存',image:'../../../static/images/22.png',path:''},
					{name:'密码修改',image:'../../../static/images/24.png',path:'/pages/mine/mine-list/edit-password'},
				]
			}
		},
		methods: {
			goToUrl(path){
				this.$tools.navigateTo(path)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.btn-500BA062-15ffffff{
		padding: 20rpx;
		border-radius: 50rpx;
		background: #2A82E4;
		font-size: 15px;
		color: #ffffff;
	}
	.img-17{
		width: 40rpx;
		height: 42rpx;
	}
	.header-item{
		width: 92%;
		height: 240rpx;
		padding: 30rpx;
		background: linear-gradient(to bottom, #00BA44 0%, #F9F397 100%);
		border-radius: 0px 0px 30rpx 30rpx;
	}

</style>
